<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    table,
    tr,
    th,
    td {
      border: 1px solid #000000;
    }
  </style>
</head>
<body>
<table>
  <caption>我是表格标题</caption>
  <thead>
  <tr>
    <!-- scope属性可以帮助屏幕阅读设备更好地理解这些单元格 -->
    <th scope="col">列1标题</th>
    <th scope="col">列2标题</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td colspan="2">内容</td>
  </tr>
  <tr>
    <td rowspan="2">内容</td>
    <td>内容</td>
  </tr>
  <tr>
    <td>内容</td>
  </tr>
  </tbody>
  <tfoot>

  <tr>
    <td colspan="2">内容-tfoot</td>
  </tr>
  </tfoot>
</table>
</body>
</html>
